// 管理用户相关数据

import { defineStore } from "pinia";
import { loginAPI } from "@/apis/user";
import { ref } from "vue";
import { useCartStore } from "./cart";
import { mergeCartAPI } from "@/apis/cart";

export const useUserStore = defineStore('user',()=>{
  const cartStore = useCartStore()
  // 1. 定义管理用户数据的state
  const userInfo = ref({})
  // 2. 定义获取接口数据的action函数
  const getUserInfo = async ({account,password})=> {
    const res = await loginAPI({account,password})
    userInfo.value = res.result
    // 合并购物车的操作
    await mergeCartAPI(cartStore.cartList.map(item => {
      return {
        skuId:item.skuId,
        selected:item.selected,
        count:item.count
      }
    }))
    cartStore.updateNewList()
  }
  // 退出时清除用户信息
  const clearUserInfo = ()=> {
    userInfo.value = {}
    // 执行清除购物车的action
    cartStore.clearCart()
  }
  // 3. 以对象的格式把state和action return出去
  return {
    userInfo,
    getUserInfo,
    clearUserInfo
  }
},
// 持久化配置
// 运行机制：
// 在设置state的时候会自动把数据同步到localstorage，在获取state数据的时候会优先从localstorage中取
  {
    persist: true,
  },)